<template>
  <div id="text_property">
    <input type="color" value="blue" @mouseleave="mouseleave">
    {{HEX}}11
  </div>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  //props:['HEX'],
  props:{
      HEX:String
  },
  methods: {
    mouseleave(e){
      console.log(e.target.value)
      console.log(this.HEX)
      //this.HEX = e.target.value
      this.$emit('getColor',e.target.value)
    },
  }
};
</script>
<style scoped>

</style>
